<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/site.css">
    <script src="js/viewport.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/jquery-1.8.3.js"></script>
    <script src="js/public.js"></script>
</head>

<body>
    <header class="padding-35">
        <div class="logo">
            <img src="imgs/logo.png" alt="">
        </div>
        <div class="menu">
            <img src="imgs/menu.png" alt="">
        </div>
    </header>
    <div class="mbx padding-35">
        <a href="index.html">健康美食网</a>
        <i class="iconfont icon-arrow-right-copy-copy"></i>
        <span>全部菜谱</span>
    </div>
    <div class="detailBanner">
        <img src="imgs/zhurou.png" alt="">
    </div>
    <div class="detailCon padding-35">
        <div class="detailItem">
            <div class="detailItemTit">奶白菜汤</div>
            <div class="detailItemAuto">作者：巧妇</div>
            <div class="makeStem">
                <ul>
                    <li>
                        <span class="fl">别名</span>
                        <div class="fl">豕肉、彘肉</div>
                    </li>
                    <li>
                        <span class="fl">作者</span>
                        <div class="fl">豕肉、彘肉</div>
                    </li>
                    <li>
                        <span class="fl">标签</span>
                        <div class="fl">豕肉、彘肉</div>
                    </li>
                    <li>
                        <span class="fl">关键词</span>
                        <div class="fl">豕肉、彘肉</div>
                    </li>
                    <li>
                        <span class="fl">优势营养</span>
                        <div class="fl">豕肉、彘肉</div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="btn">
            点击查看猪肉的营养价值、功效
            <i class="iconfont icon-arrow-right-copy-copy"></i>
        </div>
        <div class="news">
            <div class="newsTit">
                <span>奶白菜汤相关菜谱</span>
            </div>
            <div class="newsList">
                <ul>
                    <li>
                        <img class="fl" src="imgs/list.png" alt="">
                        <div class="newsItem">
                            <p>芹菜叶炒鸡蛋，原来这么好吃！</p>
                            <p>
                                <span><i class="iconfont icon-yonghu"></i> 家家</span>
                                <span class="fr">2019-04-28</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <img class="fl" src="imgs/list.png" alt="">
                        <div class="newsItem">
                            <p>芹菜叶炒鸡蛋，原来这么好吃！</p>
                            <p>
                                <span><i class="iconfont icon-yonghu"></i> 家家</span>
                                <span class="fr">2019-04-28</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <img class="fl" src="imgs/list.png" alt="">
                        <div class="newsItem">
                            <p>芹菜叶炒鸡蛋，原来这么好吃！</p>
                            <p>
                                <span><i class="iconfont icon-yonghu"></i> 家家</span>
                                <span class="fr">2019-04-28</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <img class="fl" src="imgs/list.png" alt="">
                        <div class="newsItem">
                            <p>芹菜叶炒鸡蛋，原来这么好吃！</p>
                            <p>
                                <span><i class="iconfont icon-yonghu"></i> 家家</span>
                                <span class="fr">2019-04-28</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <img class="fl" src="imgs/list.png" alt="">
                        <div class="newsItem">
                            <p>芹菜叶炒鸡蛋，原来这么好吃！</p>
                            <p>
                                <span><i class="iconfont icon-yonghu"></i> 家家</span>
                                <span class="fr">2019-04-28</span>
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="page">
            <a href="javascript:;">上一页</a>
            <a class="isOn" href="javascript:;">下一页</a>
        </div>
        <div class="nextPage">
            <p>上一篇：<a href="javascript:;">鲜姜</a></p>
            <p>下一篇：<a href="javascript:;">糖色水</a></p>
        </div>
        <div class="news">
            <div class="newsTit">
                <span>分类导航</span>
                <a class="fr" href="javascript:;">更多<i>&gt;</i></a>
            </div>
            <div class="typeNav">
                <ul class="clearfix">
                    <li><a href="javascript:;">手撕包菜</a></li>
                    <li><a href="javascript:;">火爆大头菜</a></li>
                    <li><a href="javascript:;">炝炒洋白菜</a></li>
                    <li><a href="javascript:;">火爆大头菜</a></li>
                    <li><a href="javascript:;">炝炒洋白菜</a></li>
                    <li><a href="javascript:;">手撕包菜</a></li>
                    <li><a href="javascript:;">火爆大头菜</a></li>
                    <li><a href="javascript:;">炝炒洋白菜</a></li>
                    <li><a href="javascript:;">手撕包菜</a></li>
                    <li><a href="javascript:;">火爆大头菜</a></li>
                    <li><a href="javascript:;">炝炒洋白菜</a></li>
                    <li><a href="javascript:;">火爆大头菜</a></li>
                </ul>
            </div>

        </div>
        <div class="news">
            <div class="newsTit">
                <span>相关问答</span>
                <a class="fr" href="javascript:;">
                    <i class="iconfont iconfont icon-huanyipi"></i>
                    换一批
                </a>
            </div>
            <div class="newsQues">
                <ul>
                    <li><a href="javascript:;">奶白菜汤怎么做味道才鲜美</a></li>
                    <li><a href="javascript:;">奶白菜汤怎么做味道才鲜美</a></li>
                    <li><a href="javascript:;">奶白菜汤怎么做味道才鲜美</a></li>
                    <li><a href="javascript:;">奶白菜汤怎么做味道才鲜美</a></li>
                    <li><a href="javascript:;">奶白菜汤怎么做味道才鲜美</a></li>
                    <li><a href="javascript:;">奶白菜汤怎么做味道才鲜美</a></li>
                    <li><a href="javascript:;">奶白菜汤怎么做味道才鲜美</a></li>
                    <li><a href="javascript:;">奶白菜汤怎么做味道才鲜美</a></li>
                </ul>
            </div>

        </div>
    </div>
    <footer>
        <p>版权所有：版权所有：健康美食网 WWW.JKMEISHI.COM</p>
        <p>Copyright 2011-2018 备案号:鄂ICP备11013833号-4</p>
    </footer>

</body>

</html>